<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>靓仔</title>
</head>
<body>
    <!--bgcolor 背景颜色 -->
    <!-- <body bgcolor="yellow">
        靓仔
    </body> -->
    <hr>
    <!-- 注释 -->
    <body>
        靓仔
        <!-- 靓仔 -->
    </body>
    <hr>
    <!--&nbsp 空格 -->
    <body>
        靓仔
        靓&nbsp;&nbsp;仔
    </body>
    <hr>
    <!--&copy; 版权符号 -->
    <body>
        &copy;靓仔
    </body>
    <hr>
    <!--h 标题标记 -->
    <body>
        <h1>靓仔</h1>
        <h2>靓仔</h2>
        <h6>靓仔</h6>
    </body>
    <hr>
    <!--link alink vlink 设置链接颜色 -->
    <body link="bolak" alink="red" vlink="yellow">
        <a href="https://www.csdn.net">CSDN</a> 
        <br><!--br 强行换行标记-->
        <a href="../index.html" target="_blank">首页</a>
        <!--p 换段落标记 -->
        <p>靓仔</p>
        靓仔
    </body>
    <hr>
    <!-- center 居中对齐标记 -->
    <body>
        <p>靓仔</p>
        <center>靓仔</center>
        <!--pre 预格式化标记 -->
        <pre>靓仔</pre>
    </body>
    <hr>
    <!--li  列表项目标记 -->
    <body>
        <li>靓仔</li>
        <li>靓仔</li>
        <li>靓仔</li>
        <hr>
        <!--ul 无序列表 -->
        <ul>
            <li>靓仔</li>
            <li>靓仔</li>
            <li>靓仔</li>
        </ul>
        <hr>
        <!--ol 有序列表 -->
        <ol>
            <li>靓仔</li>
            <li>靓仔</li>
            <li>靓仔</li>
        </ol>
        <hr>
        <!-- type 属性值 -->
        <ol type="a">
            <li>靓仔</li>
            <li>靓仔</li>
            <li>靓仔</li>
        </ol>
        <hr>
        <!--value 指定一个新的起始值  -->
        <ol>
            <li>靓仔</li>
            <li>靓仔</li>
            <li value="4">靓仔</li>
            <li>靓仔</li>
        </ol>
        <hr>
        <!--ol li  列表嵌套 -->
        <ol>
            <li>靓仔</li>
            <li>
                <ol type="A">
                    <li>靓仔</li>
                    <li>靓仔</li>
                </ol>
                <li>靓仔</li>
            </li>
            <li value="6"></li>
            <li>靓仔</li>
        </ol>
    </body>
    <hr>
    <!--dl dt dd 定义类型列表 -->
    <body>
        <dl>
            <dt>靓仔说明书:</dt>
            <dd>靓仔就是一本说明书</dd>
            <dt>靓仔简介</dt>
            <dd>靓仔就是简介</dd>
        </dl>
    </body>
    <hr><!--hr 水平分割线标记-->
    <!--div 分区显示标记 -->
    <body>
        <div>
            <dl>
                <dt>靓仔说明书:</dt>
                <dd>靓仔就是一本说明书</dd>
            </dl>
        </div>
        <div>
            <dl>
                <dt>靓仔简介</dt>
                <dd>靓仔就是简介</dd>
            </dl>
        </div>
    </body>
    <hr>
    <!--font 字体设置标记　属性：size字体大小  color字体颜色   face字体类型-->
    <body>
        靓仔
        <br>
        <font size="14px" color="yellow" face="微软雅黑">
            靓仔
        </font>
        <hr>
        <!--b 粗字体标记 -->
        <br>
        靓仔
        <b>靓仔</b>
        <hr>
        <!--i 斜字体标记 -->
        <i>靓仔</i>
        <br>
        <hr>
        <!--sub 文字下标字体标记 -->
        2<sub>4</sub>
        <hr>
        <!-- sup 文字上标字体标记 -->
        3<sup>4</sup>
        <br>
        <hr>
        <!--u 下划线字体标记  -->
        <u>靓仔</u>
    </body>
    <hr>
     <!--img 图像标记,单标记   属性:src指定要加载的图片路径/文件名.图片格式  width:图片宽度  height:图片高度 border:指定图片边框宽度  
         alt:图片成功加载,鼠标触碰显示指定属性文字;图片加载失败,以文字代替图像显示;搜索引擎可以通过该属性文字来获取图片 -->
     <img src="images/timg.jpg" width="250px" height="250px">
     <img src="images/timg.jpg" width="250px" height="250px" border="4px" > 
     <img src="images/timg.jp" width="250px" height="250px" alt="龙猫"> 
     <hr>
    <!--a href  超链接 属性:href 链接地址可以是网页/图片/音乐  target:定义超链接打开方式,值_blank在一个新的窗口打开;
        _seif在当前窗口打开;_parent再付窗口中打开;_top在顶层窗口中打开  name:指定页面锚点名称-->
    <a href="https://www.csdn.net">CSDN</a>
    <a href="dome02.html" target="_blank">表格</a>
    <hr>
    <!-- 锚点链接 -->
    <a name="shouye"></a>
    <a href="#weiye">尾页</a>
    <hr>
    <a href="#shouye">首页</a>
    <a name="weiye"></a>

</body>

</html>